//- 先去这个pug文件中找
extends ../commons/commons.pug

block append pageStyle
	link(href="${relativePath}/static/css/shopping/tjOrder.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/foundation.min.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/foundation-datepicker.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/iconfont.css" rel="stylesheet" type="text/css")
	link(href="${relativePath}/static/css/shopping/fileUpload.css" rel="stylesheet" type="text/css")

block content
	//- 提交订单内容
	div.placeOrderCon.layout
		//- logo部分
		div.submitHeader
			div.logo.fl
				img(src="${relativePath}/static/imgs/shopin.png")

			//- 进度条
			div.orderProcess.fr
				div.processBox
					span.progress1.current
						span.num 1
						br
						span.progressMsg 提交订单
					span.progress1.progress2
						span.num 2
						br
						span.progressMsg 商家接单
					span.progress1.progress3
						span.num 3
						br
						span.progressMsg 支付
					span.progress1.progress4
						span.num 4
						br
						span.progressMsg 完成
		//- 收货地址
		div.receAddress
			h3 选择收货地址

			//- 所有地址列表
			div.addressBox
				ul.addressList
					//- li.current
					//- 	p.name 收货人
					//- 	div.addressTxt
					//- 		p.address 河南省郑州市经开区南三环经开25大街索凌电气
					//- 		p.phone 13332112321

					//- li
					//- 	p.name 收货人
					//- 	div.addressTxt
					//- 		p.address 河南省郑州市经开区南三环经开25大街索凌电气
					//- 		p.phone 13332112321
				p.clickBtn
					a.displayAll(href="javascript:;") 显示全部地址 >
					a.new(href="javascript:;") 使用新地址

			h3 确认商品信息
			//- 确认商品列表
			div.goodsBox
				div.goodsTitle
					ul
						li.spName 商品名称
						li.spMsg 商品信息
						li.unitPrice 合计出价
						li.number 数量
						li.count 总价
				div.numberLists
					//- div.buyList
					//- 	div.buyName.fl
					//- 		div.txtBox.fl
					//- 			p 这是标题
					//- 	//- 商品信息
					//- 	div.allMsgs.fl
					//- 		ul.msgCon
					//- 		ul.msgCon 
					//- 			li 材质：金属拉丝
					//- 	//- 单价
					//- 	div.djBox.fl
					//- 		span.real 385.00
					//- 	//- 数量
					//- 	div.numberBox.fl 1
						
					//- 	//- 总价
					//- 	div.allCount.fl 275.00
				
				//- 交货信息
				//- 供应商ids
				input#supplierids(type="hidden" name="hiddens")
				input#allProjects(type="hidden" name="hiddens")
				//- 宽高厚
				input#sgendTime(type="hidden")
				input#sgstarTime(type="hidden")
				input.hiddenTxt(type="hidden")
				input#goodsType(type="hidden")
				//- 设计类型
				input.designTYPE(type="hidden")
				div.deverlyDate.deverlyDatelast
					//- span.fl 交货日期：
					//- input.fl#timeOne.choiceTime(type="text" placeholder="请选择")
					//- span.fl.noTime *不含配送时间
					span.fl.zdsj
						em.fl 指定商家：
						i 河南省标识汇有限公司
					span.fl(style="margin-left:40px;") 选择抢单时间：
					select.fl.psTime.psTimeOne
						option 1小时
						option 2小时
						option 3小时
						option 4小时
						option 6小时
						option 12小时
						option 24小时
				//- 给供应商留言
				div.leavemsgBox
					p 安装说明：
					textarea.txtMsg(name="msg" rows="3" cols="20" placeholder="请输入安装说明..." readonly)

			h3 上传详细信息
			div.upImgBox
				div.upLoad
					span.up 上传效果图：
					//- span.add
					//- 
					div#fileUploadContent.fileUploadContent.fl
						span.arm *请上传至少一张定制物品的效果图，支持jpg、png、jpeg、bmp格式，单个图片小于4M
						form#uploadForm
							div.z_photo.upimg-div.clear
									section.z_file.fl
										img(src="${relativePath}/static/imgs/addImg.png").add-img1
				div.upLoad.closure
					span.up 上传附件：
					span.arm.arm_1(style="float:left;")
					//- *附件为cdr文件，请添加大小不超过5M的cdr文件作为附件
			//- 提交订单		
			div.submitBtn
				div.allMoney.fr
					span 共有1件商品
					span.allCount.addCounts
						| 共计：
						i ￥
						em 
					span#sub.tjBtn.fr 提交订单 >

	//- 商品信息列表模板
	script#shopsLists(type="text/html")
		div.buyList(style="border-bottom:0")
			div.buyName.fl
				div.txtBox.fl
					p 设备租赁
			//- 商品信息
			div.allMsgs.fl
				| {{set list = data.arrayType}}
				ul.msgCon
					| {{each list arr}}
					li {{arr.sku_name}}：{{arr.value}}
					| {{/each}}
			//- 单价
			div.djBox.fl
				span.real {{data.designallcount.value}}
			//- 数量
			div.numberBox.fl 1
			//- 总价
			div.allCount.allCounts.fl {{data.designallcount.value}}
	//- 收货地址模板
	script#address(type="text/html")
		| <li {{if acqu == 1}}class="current"{{/if}} id="{{id}}">
		| 	<p class="name" name="{{accept_name}}">
		|	{{accept_name}}
		|		<a class="fr delete">删除</a>
		|		<a class="fr modify">修改</a>
		|	</p>
		| 	<div class="addressTxt">
		| 		<p class="address" address="{{province_name}}{{city_name}}{{address}}{{area_name}}"> 	{{province_name}}{{city_name}}{{address}}{{area_name}}</p>
		| 		<p class="phone" call="{{mobile}}"> {{mobile}}</p>
		| 	</div>
		| </li>

block append pageScript
	script(type="text/javascript" src="${relativePath}/static/js/libs/iconfont.js")
	script(type="text/javascript" src="${relativePath}/static/js/libs/fileUpload.js")
	script(type="text/javascript" src="${relativePath}/static/js/libs/jquery.form.min.js")

	script.
		//console.log(spec);
		$(function(){
			//- 选择文件
			$("#fileId").on("change",doUpload);
			function doUpload(argument) {
				var file = this.files[0];
				//- if(!/image\/\w+/.test(file.type)) {
				//- 	alert("文件必须是图片");
				//- 	return false;
				//- }

				var formdata=new FormData($("#fileForm")[0])
				//console.log(formdata);
				$.ajax({
					url:shopIp+"/Utils/uploadFiles?userToken="+token,
					type:"post",
					data:formdata,
					dataType:"json",
					async:false,
					cache:false,
					contentType:false,
					processData:false,
					success:function(data) {
						//alert(data.msg);
						//console.log(data.data.path);
						$(".upLoad .arm_1").val(data.data.path);
					},
					error:function(data) {
						layer.msg(data.msg);
					}
				})
			}
			//- 选择收货日期
			$('#timeOne').fdatepicker({
				format: 'yyyy-mm-dd',
				onRender: function (date) {
					var nowTemp = new Date();
					var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
					return date.valueOf() < now.valueOf() ? 'disabled' : '';
				}
			});

			//- 点击收货地址
			$(".addressList").on("click","li",function(){
				$(this).addClass("current").siblings().removeClass("current");
			});
			//- 收货地址列表
			$.getJSON(shopIp+"/Address/lst?callback=?",{
				userToken:token,
				os:"web",
			},function(data){
				if(data.data.length > 4){
					$(".displayAll").show();
				}
				if(data.status == "200"){
					for(var i=0;i<data.data.length;i++) {
						var addressHtml = template("address",data.data[i]);
						$(".addressList").append(addressHtml);
					}
				}else{
					$(".addressList").append('<div class="addAddress">'+"请添加收货地址"+'</div>');
				}
			})

			//- 获取页面表单信息
			$.post(shopIp + "/buy/orderPreviewInfo",{
				userToken:token,
				id:thisRequest.id
			},function(data) {
				var lists = template("shopsLists",data);
				var info = data.data.info;
				var imgs = data.data.order_img;
				var imgsi = imgs.value.split(",");
				var dataTwo = data.data;
				var projects = data.data.projects;
				var gys = data.data.service.value;
				var gysids = data.data.hiddenData.value;
				var allCountmoney = data.data.projects;

				//- 效果图预览
				if(imgs.value == "") {
					$(".add-img1").show();
				}else{
					for(var i=0;i<imgsi.length;i++) {
						var imgEle = "<img src='"+imgIp+imgsi[i]+"'/>";
						$(".z_file").append(imgEle);
					}
				}
				$(".numberLists").append(lists);
				$(".zdsj i").html(gys);
				$(".allCount em").html();
				$(".psTimeOne").val(dataTwo.effectTime.value);
				$(".txtMsg").val(dataTwo.leaveMsg.value);
				$("#supplierids").val(gysids);
				//- 显示文件名
				$(".upLoad .arm_1").html(dataTwo.hiddenTxt.value);
				$(".designTYPE").val(dataTwo.equipType.value);
				$("#sgstarTime").val(dataTwo.sgTime.value);
				$("#sgendTime").val(dataTwo.sgTimetwo.value);
				$("#goodsType").val(dataTwo.designsType.value);
				//$(".choiceTime").val(deliveryTime);


				//- 获取总价
				var num = 0;
				$(".allCounts").each(function() {
					num+= +$(this).html();
				})
				$(".addCounts em").html(num);
			})
			//- $(".up-section img").each(function(){
			//- 	imgsArr.push($(this).attr("src"));
			//- })
			
			//- 点击提交
			
			$("#sub").click(function() {
				var str = $(".psTimeOne").val();
				var address = $("li.current .address").attr("address");
				var name = $("li.current .name").attr("name");
				var call = $("li.current .phone").attr("call");
				//console.log($(".allCounts").html());
				//- 效果图
				var imgsArr = [];
				$(".z_photo img").not(".add-img").not(".add-img1").each(function(){
					imgsArr.push($(this).attr("src"));
				})
				if($("#timeOne").val() == ""){
					layer.msg("请选择交货时间!");
				}else{
					$.ajax({
						url:shopIp+"/Buy/submitOtherOrder",
						type:"post",
						data:{
							userToken:token,
							lease_flag:2,
							order_type:4,
							lease_type:$(".designTYPE").val(),
							goods_num:$(".numberBox").html(),
							goods_unit:$("#goods_unit").val(),
							start_time:$("#sgstarTime").val(),
							end_time:$("#sgendTime").val(),
							goods_type:$("#goodsType").val(),
							order_amount:$(".real").html(),
							reciver_name:name,
							reciver_mobile:call,
							reciver_address:address,
							seller_ids:$("#supplierids").val(),
							order_files:$(".upLoad .arm_1").html(),
							order_img:imgsArr
						},
						dataType: "json",
					}).done(function(data){
						console.log(data);
						if(data.status == 200){
							var order_id = data.data.order_id;
							//- console.log(order_id);
							window.location.href = "equiorderDetails.html?order_id=" + order_id;
						}else{
							layer.msg(data.msg);
						}
					})
				}
				
			});
			//- 点击修改地址
			$(".addressList").on("click",".modify",function() {
				window.location.href="../personCenter/receveAddress.html";
			})
			//- 点击删除地址
			$(".addressList").on("click",".delete",function() {
				var $this = $(this);
				layer.confirm('您确定删除此收货地址？', {
					btn: ['确定','取消'],//按钮
					title:"删除收货地址"
				}, function(){
					$.post(shopIp+"/Address/delAccept",{
						userToken:token,
						id:$this.closest("li").attr("id"),
					},function(data) {
						//console.log(data.msg);
						if(data.status == "200") {
							layer.msg(data.msg, {icon: 1});
							$this.closest("li").remove();
							setTimeout(function() {
								location.reload();
							},1000);
						} else{
							layer.msg(data.msg);
						}
					})
				}, function(){
						//layer.msg('已取消');
				});
			})

			//- 点击查看全部地址
			$(".displayAll").click(function() {
				if($(this).text() == "显示全部地址 >") {
					$(".addressList").css("height","auto");
					$(this).html("隐藏收货地址 >");
				} else{
					$(".addressList").css("height","165px");
					$(this).html("显示全部地址 >");
				}
				
			})
		});


		